<!--  -->
<template>
<div class='cp'>

    <!-- 搜索区域 -->
    <el-form :label-position="local" label-width="80px" :inline="true" :model="selectionData" class="demo-form-inline">
        <el-row>
          <!-- <el-col :span="1">
              <el-button
                type="success"
                plain
                size="small"
                icon="el-icon-edit"
                @click="addPost"
                >添加岗位</el-button
                >
            </el-col> -->
            <el-col :span="5" :offset="1">
                <el-form-item label="岗位名">
                    <el-input v-model="selectionData.name" placeholder="岗位名"></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="5">
                <el-form-item label="工作地点">
                    <el-input v-model="selectionData.address" placeholder="工作地点"></el-input>
                </el-form-item>
            </el-col>
            <el-col :span="6">
                    <el-form-item label="工作经验">
                        <el-select v-model="selectionData.experience" placeholder="请选择工作经验">
                            <el-option label="在校/应届生" value="在校/应届生"></el-option>
                            <el-option label="一年以内" value="一年以内"></el-option>
                            <el-option label="一到三年" value="一到三年"></el-option>
                            <el-option label="三到五年" value="三到五年"></el-option>
                            <el-option label="五到十年" value="五到十年"></el-option>
                            <el-option label="十年以上" value="十年以上"></el-option>
                            <el-option label="经验不限" value="经验不限"></el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
            <el-col :span="1">
                <el-button icon="el-icon-search" circle @click="onSubmit"></el-button>
            </el-col>
        </el-row>
    </el-form>
            <!-- 岗位table -->
    <CompanyPostTable ref="table" :postInfoParam = "postInfo" :height="500" :selectionData ="selectionData" />
</div>
</template>

<script>
// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
// 例如：import 《组件名称》 from '《组件路径》';
import CompanyPostTable from '@/components/companyPost/CompanyPostTable.vue'
export default {
// import引入的组件需要注入到对象中才能使用
  components: { CompanyPostTable },
  name: 'CompanyPost',
  data () {
    // 这里存放数据
    return {
      selectionData: {
        name: '',
        experience: '',
        address: '',
        pageSize: 7,
        pageNo: 1
      },
      local: 'right',

      postInfo: [
        {
          id: 1,
          companyName: 'sdas',
          name: '养牛',
          address: '花溪公园',
          experience: '无需经验',
          qualification: '本科',
          require: '要求有这样那样的asdasdasssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss',
          treatment: '五险一金。。dadadadasdasdasdasdasasdasdasdasdasddasd。。',
          responsibility: '工作负责。。。。asddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd',
          salaryFrom: '2000',
          salaryTo: '9000',
          way: '月',
          lastTime: '2024-06-14',
          // 标签是重要的筛查方式
          postLab: [
            'python', 'java', 'mybatis', 'vue', 'mybatis-plus'
          ]
        },
        {
          id: 2,
          companyName: 'sdas',
          name: '养牛',
          address: '花溪公园',
          experience: '无需经验',
          qualification: '本科',
          require: '要求有这样那样',
          treatment: '五险一金。。。。',
          responsibility: '工作负责。。。。',
          salaryFrom: '2000',
          salaryTo: '9000',
          way: '月',
          lastTime: '2024-06-15',
          // 标签是重要的筛查方式
          postLab: [
            'python', 'java', 'mybatis'
          ]
        }

      ]

    }
  },
  // 监听属性 类似于data概念
  computed: {},
  // 监控data中的数据变化
  watch: {},
  // 方法集合
  methods: {

    onSubmit () {
      console.log('查询岗位成功:', this.selectionData)
      this.$nextTick(function () {
        this.$refs.table.getData()
      })
    },
    addPost () {
      this.$refs.table.addPost()
    }
  },
  // 生命周期 - 创建完成（可以访问当前this实例）
  created () {

  },
  // 生命周期 - 挂载完成（可以访问DOM元素）
  mounted () {

  },
  beforeCreate () {}, // 生命周期 - 创建之前
  beforeMount () {}, // 生命周期 - 挂载之前
  beforeUpdate () {}, // 生命周期 - 更新之前
  updated () {}, // 生命周期 - 更新之后
  beforeDestroy () {}, // 生命周期 - 销毁之前
  destroyed () {}, // 生命周期 - 销毁完成
  activated () {} // 如果页面有keep-alive缓存功能，这个函数会触发
}
</script>
<style lang='less' scoped>
//@import url(); 引入公共css类

</style>
